<template>
  <div>
    <div class="box"></div>
  </div>
</template>

<script>
export default {
  name: "ChildOne",
};
/* 
    npm（node package Manager）  node包管理器
        npm init 初始化项目  
        package.json称为包描述文件
        描述的就是我们一个个包 依赖
        生产依赖和开发依赖
        开发 只有开发过程中使用的包 less-loader less ---css  开发依赖
        生产依赖 一直使用的包
        npm install ...
        jquery

        npm install/i  jquery  dependencies 记录的是生产依赖
        npm i -D less-loade    devDependencies  记录的是开发依赖

        生产依赖
        npm i 包名
        npm i -S 包名
        npm i --save 包名
        npm i 包名 -S
        

        开发依赖
        npm i -D 包名
        npm i --save-de 包名

        删除依赖
        npm remove 包名
        npm r  包名
        npm uninstall 包名

        包（依赖）下载  nodemodules

        npm 5版本之后才自动生成package-lock.json
        package-lock.json 
        npm init package.json 当我们一下包自动生成了一个文件 package-lock.json:作用加速npm下载
        记录了包之间的依赖关系

        现象 下载 echarts node_modules当中出现 echarts tslib zrender


        npm i 根据package.json package-lock.json下载所有有记录的包


        -g称为全局 vue react http-server
        npm install -g @vue/cli
        vue create 项目名
        
        局部安装

 */
</script>
<style lang='less' scoped>
.box {
  width: 100px;
  height: 100px;
  background-color: aqua;
}
</style>

